@import "../commons/variables.scss";
@import "../commons/px2rem.scss";

body {
    font-family: "Microsoft YaHei", "Microsoft YaHei", "Helvetica Neue", Arial,
        HelveticaNeue, Helvetica, "BBAlpha Sans", sans-serif;
    position: relative;
    width: 100vw !important;
    height: 100vh !important;
    background-color: transparent;
    margin: 0 auto;
}

.container {
    position: relative;
    height: 100%;
    width: px2rem(640);
    margin: 0 auto;
}

.container-header {
    height: px2rem(110);
    background: #fff;

    .header-left {
        float: left;
    }

    .header-right {
        float: right;
        line-height: px2rem(110);
        margin-right: px2rem(10);

        button {
            background-color: #FC2B55;
            height: px2rem(65);
            width: px2rem(200);
            border: 1px solid transparent;
            color: #fff;
            border-radius: px2rem(12);
        }
    }

    .icon-img {
        position: relative;
        top: px2rem(5);
        left: px2rem(5);
        display: inline-block;

        img {
            width: px2rem(84);
        }
    }

    .title {
        position: relative;
        display: inline-block;
        padding-left: px2rem(20);
        top: px2rem(20);

        .title1 {
            font-weight: bold;
        }

        .title2 {
            font-size: px2rem(20);
        }
    }
}

.container-footer {
    position: absolute;
    bottom: px2rem(10);
    left: 50%;
    transform: translateX(-50%);

    button {
        background-color: #FC2B55;
        height: px2rem(65);
        width: px2rem(500);
        border: 1px solid transparent;
        color: #fff;
        border-radius: px2rem(50);
    }
}
